<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>p2p-注册页</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="lib/bootstrap-3.3.7-dist/css/bootstrap.css">
    <link rel="stylesheet" href="fonts/font-awesome/css/font-awesome.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/register.css">
</head>
<body>
    <!-- 头部 -->
    <header>
        <nav class="navbar navbar-inverse container" role="navigation">
            <div class="container-fluid">
            <div>
                <ul class="nav navbar-nav">
                    <li><a href="#">首页</a></li>
                    <li><a href="#">登录</a></li>
                    <li><a href="#">快速注册</a></li>
                    <li><a href="#">帮助</a></li>
                </ul>
            </div>
            </div>
        </nav>
    </header>
    <!-- 用户注册标题 -->
    <section id="title">
        <div class="container">
            <img src="images/logo.png" alt="">
            <h1>用户注册</h1>
        </div>
    </section>
    <!-- 登录框 -->
    <section id="registerbox" class="container">
        <h1>用户注册</h1>
        <form action="" id="registerform">
            <h2>请填写注册信息，点击“提交注册”即可完成注册！</h2>
            <p>
                <span class="name">用户名</span>
                <input type="text" name="" id="username">
                <span class="info">用户名为2~16位字母，数字，符号或中文</span>
            </p>
            <p>
                <span  class="name">密&emsp;码</span>
                <input type="password" name="" id="psd">
                <span class="info">密码为6~16位字符组成,采用数字、字母、符号安全性更高</span>
            </p>
            <p>
                <span  class="name">确认密码</span>
                <input type="password" name="" id="repsd">
                <span class="info">请再次填写密码</span>
            </p>
            <p class="btnbox"><button type=button>同意协议并注册</button><a href="#">已有账号,马上登录</a></p> 
            <p><a href="">《使用协议说明书》</a></p>
        </form>
    </section>
    <footer>
        <div class="container">
            <div class="massage">
                <p>专业Java培训、PHP培训、UI培训、iOS培训、高级Web前端培训机构</p>
                <p>版权所有： 2006-2015成都源代码教育咨询有限公司</p>
                <p>地  址： 成都市高新区府城大道西段399号天府新谷1号楼620-625</p>
                <p>
                    <span>电  话： 028-86261949  / 400-808-6840 </span>
                    <span>邮箱： yuandaima@itsource.cn</span>
                </p>
                <p>
                    <a href="">蜀ICP备14030149号-1</a>
                    <a href="">蜀公网安备510114990541</a>
                </p>
            </div>
            <div class="blog">
                <p>官方微博</p>
                <img src="images/tecent.png" alt="">
                <img src="images/sina.png" alt="">
            </div>
            <div class="weChat">
                <p>官方微信</p>
                <img src="images/wx.jpg" alt="">
            </div>
        </div>
    </footer>
</body>
<script src="lib/jQuery/jquery-2.1.3.js"></script>
<script src="lib/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
<script src="js/register.js"></script>
</html>